import React, { Component } from 'react';
import { Button, WingBlank } from 'antd-mobile';
class App extends Component {
// 	constructor (props) {
// 		super(props);
// 		this.state = {
// 			size:[]
// 		}	
// 	}
// 	componentDidMount () {
// 		this.setState({
// 			size: this.props.getDetailcon.goods_size
// 		})
// 		console.log(this.state.size)
// 		console.log(this.props.getDetailcon.goods_size)
// 	}
// 	closetwo () {
// 		document.querySelector('.select').style.display = "none";
// 		document.querySelector('.blot').style.display = "none";
// 	}
	
  render() {
    return (
      	<div className="select">
					<div className="se-top">
						<img src={this.props.getDetailcon.goods_img} alt="www.baidu.com"/>
						<div className="set-right">
							<span>￥{this.props.getDetailcon.goods_newprice}</span>
							<i>库存{this.props.getDetailcon.goods_save}件</i>
							<i>请选择 尺寸 颜色</i>
						</div>
					</div>
					<div className="se-center1">
						<h4>尺码</h4>
						<div className="sec-con">
							{
								this.props.getSize.map((item, index) => {
									return (
										<span key={index}>{item}</span>
									)
								})
							}
						</div>
					</div>
					<div className="se-center2">
						<h4>颜色</h4>
						<div className="sec-con2">
							{
								this.props.getColor.map((itm, index) => {
									return (
										<span key={index}>{itm}</span>
									)
								})
							}
						</div>
					</div>
					<WingBlank>
					<Button type="warning">加入购物袋</Button>
					</WingBlank>
      	</div>
    );
  }
}

export default App;
